<div class="theme-examples-controls">
  <div class="example-container">
    <label class="color-select">
      <select id="themeSelect">
        <option value="ht-theme-main">Main Light</option>
        <option value="ht-theme-horizon">Horizon Light</option>
        <option value="ht-theme-main-dark">Main Dark</option>
        <option value="ht-theme-horizon-dark">Horizon Dark</option>
        <option value="ht-theme-classic">Classic</option>
        <option value="ht-theme-classic-dark">Classic Dark</option>
      </select>
      <div id="colorBox" class="color-box">
        <span class="color" style="background: var(--ht-foreground-color);"></span>
        <span class="color" style="background: var(--ht-background-color);"></span>
        <span class="color" style="background: var(--ht-accent-color);"></span>
      </div>
    </label>
  </div>
</div>

<div id="exampleTheme" class="disable-auto-theme"></div>